<template>
  <div>
    <button>TransportView</button>
    <!-- 动态组件 -->
    <!-- <button class="gogogo" @click="()=>console.log('xxx')>xxx</div> -->
    <component :is="'button'" class="gogogo" @click="() => console.log('xxx')">xxx</component>
    <template v-for="(e, i) in datasource" :key="i">
      <component :is="e.labelName">{{ e.text }}</component>
    </template>
    <template v-for="(e, i) in datasource" :key="i">
      <button :class="e.labelName">{{ e.text }}</button>
    </template>
    <JustNow></JustNow>
    <JustSo></JustSo>
    <!-- <component :is="'JustNow'"></component>
    <component :is="'JustSo'"></component> -->
    <el-icon><Link /></el-icon>
    <el-icon><ChatDotRound /></el-icon>
    <Link style="width: 100px" />
    <ChatDotRound style="width: 100px" />
    <ElDivider></ElDivider>
    <ChatDotRound style="width: 50px" /><ElTag>{{ '运单管理' }}</ElTag>
    <template v-for="(e, i) in navs" :key="i">
      <component :is="e.icon" style="width: 50px" /><ElTag>{{ e.title }}</ElTag>
    </template>
    <template>  <component :is="'justSo'">aaaaaaaaaaaaaaaa</component></template>
  
  </div>
</template>
<script lang="ts">
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from
import JustNow from '@/components/JustNow.vue'
// import JustSo from '@/components/JustSo.vue'
const so = ()=> import('@/components/JustNow.vue')
const soso = defineAsyncComponent(so)
export default {
  name: 'TransportView',
  components: {
    JustNow,
    // JustSo
  },
  props: {
    sampleP: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      sampleD: 'value',
      datasource: [
        { labelName: 'button', text: 'zhangsan' },
        { labelName: 'a', text: 'lisi' },
        { labelName: 'span', text: 'wangwu' }
      ],
      navs: [
        { title: '运单管理', path: '/material', icon: 'Link' },
        { title: '订单审核', path: '/xxxx', icon: 'ChatDotRound' },
        { title: '关于', path: '/xxxxxxx', icon: 'Remove' },
        { title: 'xxx', path: '/xxxxxxx', icon: 'Search' }
      ],
      justSo:soso
    }
  },
  computed: {
    /* sampleC() {
      return this.sampleD + "--";
    }, */
  },
  created() {},
  mounted() {},
  methods: {
    // sampleM() {},
  },
  watch: {
    // sampleP(n, o) {},
  }
}
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
